<template>
	<div>
		<sh-header title="我是页头" showback>
			<template #extra>
				<vxe-button>操作</vxe-button>
			</template>
		</sh-header>
		<br />
		<sh-header title="我是页头" type="info" size="small">
			<template #extra>
				<vxe-button>操作</vxe-button>
			</template>
		</sh-header>
		<br />
		<sh-header title="我是页头" type="warning" size="medium"></sh-header>
		<br />
		<sh-header ghost title="透明背景">
			<template #extra>
				<vxe-button status="primary">操作</vxe-button>
			</template>
		</sh-header>
		<br />
		<sh-header border title="内容及尾部插槽" sub-title="我是子标题">
			<template #extra>
				<vxe-button>操作</vxe-button>
			</template>
			<template #tags>
				<div>操作</div>
			</template>
			<div>默认内容部分</div>
			<template #footer>
				<div>页尾</div>
			</template>
		</sh-header>
	</div>
</template>

<script>
export default {
	name: 'BaseHeader',
	data() {
		return {}
	}
}
</script>

<style scoped lang="scss"></style>
